/*flexbox的前端布局框架，兼容IE10以上浏览器，IE10以下浏览器需要使用flexible.js实现*/

/*2015年3月7日 mooshroom*/

/*************************排列方向*************************/
.box-row,.box-col,.box-row-rev,.box-col-rev{
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.box-row{
    /*横向排列*/
    -webkit-flex-direction:row;
    flex-direction:row;

}
.box-row-rev{
    /*横向反转*/
    -webkit-flex-direction:row-reverse;
    flex-direction:row-reverse;

}
.box-col{
    /*竖向排列*/
    -webkit-flex-direction:column;
    flex-direction:column;

}
.box-col-rev{
    /*竖向反转*/
    -webkit-flex-direction:column-reverse;
    flex-direction:column-reverse;

}


/*************************行对齐方式*************************/
.row-top{
    /*靠顶部对齐*/
    -webkit-align-content:flex-start;
    align-content:flex-start;
}
.row-center{
    /*靠中间对齐*/
    -webkit-align-content:center;
    align-content:center;
}
.row-bottom{
    /*靠底部对齐*/
    -webkit-align-content:flex-end;
    align-content:flex-end;
}
.row-ends{
    /*以两头为基准均匀分布*/
    -webkit-align-content:space-between;
    align-content:space-between;
}
.row-aver{
    /*均匀分布*/
    -webkit-align-content:space-around;
    align-content:space-around;
}
.row-same{
    /*每一行高度一致*/
    -webkit-align-content:strecth;
    align-content:strecth;
}


/*************************水平对齐方式*************************/
.hor-first{
    /*以头为基准靠齐*/
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
}
.hor-last{
    /*以最后一个为基准靠齐*/
    -webkit-justify-content:flex-end;
    justify-content:flex-end;
}
.hor-center{
    /*以中间为基准靠齐*/
    -webkit-justify-content:center;
    justify-content:center;
}
.hor-ends{
    /*已两头为基准均匀分布*/
    -webkit-justify-content:space-between;
    justify-content:space-between;
}
.hor-aver{
    /*均匀分布*/
    -webkit-justify-content:space-around;
    justify-content:space-around;
}

/*************************垂直对齐方式*************************/
.ver-top{
    /*顶部对齐*/
    -webkit-align-items:flex-start;
    align-items:flex-start;
}
.ver-bottom{
    /*底部对齐*/
    -webkit-align-items:flex-end;
    align-items:flex-end;
}
.ver-center{
    /*居中对齐*/
    -webkit-align-items:center;
    align-items:center;
}
.ver-baseline{
    /*基准线对齐*/
    -webkit-align-items:baseline;
    align-items:baseline;
}
.ver-same{
    /*强制高度相等*/
    -webkit-align-items:strecth;
    align-items:strecth;
}


/*************************个性对齐方式*************************/
.change-auto{
    /*自动根据父元素变节奏*/
    -webkit-align-self: auto;
    align-self: auto;
}
.change-top{
    /*靠顶部*/
    -webkit-align-self: flex-start;
    align-self: flex-start;
}
.change-bottom{
    /*靠底部*/
    -webkit-align-self: flex-end;
    align-self: flex-end;
}
.change-center{
    /*靠中间*/
    -webkit-align-self: center;
    align-self: center;
}
.change-baseline{
    /*靠基线*/
    -webkit-align-self: baseline;
    align-self: baseline;
}
.change-stretch{
    /*根据父元素拉伸*/
    -webkit-align-self: stretch;
    align-self: stretch;
}
/*************************换行*************************/
.warp{
    /*换行*/
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;

}
.nowarp{
    /*不换行*/

    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap;
}

/*浮动布局工具，
IE6以上可用*/
.pull-right {
    float: right;
}
.pull-left {
    float: left;
}

/*栅格布局系统，兼容到IE7以上浏览器，IE6的兼容需要加入BSIE：http://www.bootcss.com/p/bsie/

*/
.clearfix {
    *zoom: 1;
}
.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0;
}
.clearfix:after {
    clear: both;
}
.row {
    margin-left: -20px;
    *zoom: 1;
}
.row:before,
.row:after {
    display: table;
    content: "";
    line-height: 0;
}
.row:after {
    clear: both;
}
[class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
}
.container{
    width: 940px;
}
.span12 {
    width: 940px;
}
.span11 {
    width: 860px;
}
.span10 {
    width: 780px;
}
.span9 {
    width: 700px;
}
.span8 {
    width: 620px;
}
.span7 {
    width: 540px;
}
.span6 {
    width: 460px;
}
.span5 {
    width: 380px;
}
.span4 {
    width: 300px;
}
.span3 {
    width: 220px;
}
.span2 {
    width: 140px;
}
.span1 {
    width: 60px;
}
.offset12 {
    margin-left: 980px;
}
.offset11 {
    margin-left: 900px;
}
.offset10 {
    margin-left: 820px;
}
.offset9 {
    margin-left: 740px;
}
.offset8 {
    margin-left: 660px;
}
.offset7 {
    margin-left: 580px;
}
.offset6 {
    margin-left: 500px;
}
.offset5 {
    margin-left: 420px;
}
.offset4 {
    margin-left: 340px;
}
.offset3 {
    margin-left: 260px;
}
.offset2 {
    margin-left: 180px;
}
.offset1 {
    margin-left: 100px;
}
.row-fluid {
    width: 100%;
    *zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
}
.row-fluid:after {
    clear: both;
}
.row-fluid [class*="span"] {
    float: left;
    margin-left: 2.12765957%;
    *margin-left: 2.07446809%;
}
.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.12765957%;
}
.row-fluid .span12 {
    width: 100%;
    *width: 99.94680851%;
}
.row-fluid .span11 {
    width: 91.4893617%;
    *width: 91.43617021%;
}
.row-fluid .span10 {
    width: 82.9787234%;
    *width: 82.92553191%;
}
.row-fluid .span9 {
    width: 74.46808511%;
    *width: 74.41489362%;
}
.row-fluid .span8 {
    width: 65.95744681%;
    *width: 65.90425532%;
}
.row-fluid .span7 {
    width: 57.44680851%;
    *width: 57.39361702%;
}
.row-fluid .span6 {
    width: 48.93617021%;
    *width: 48.88297872%;
}
.row-fluid .span5 {
    width: 40.42553191%;
    *width: 40.37234043%;
}
.row-fluid .span4 {
    width: 31.91489362%;
    *width: 31.86170213%;
}
.row-fluid .span3 {
    width: 23.40425532%;
    *width: 23.35106383%;
}
.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.84042553%;
}
.row-fluid .span1 {
    width: 6.38297872%;
    *width: 6.32978723%;
}
.row-fluid .offset12 {
    margin-left: 104.25531915%;
    *margin-left: 104.14893617%;
}
.row-fluid .offset12:first-child {
    margin-left: 102.12765957%;
    *margin-left: 102.0212766%;
}
.row-fluid .offset11 {
    margin-left: 95.74468085%;
    *margin-left: 95.63829787%;
}
.row-fluid .offset11:first-child {
    margin-left: 93.61702128%;
    *margin-left: 93.5106383%;
}
.row-fluid .offset10 {
    margin-left: 87.23404255%;
    *margin-left: 87.12765957%;
}
.row-fluid .offset10:first-child {
    margin-left: 85.10638298%;
    *margin-left: 85%;
}
.row-fluid .offset9 {
    margin-left: 78.72340426%;
    *margin-left: 78.61702128%;
}
.row-fluid .offset9:first-child {
    margin-left: 76.59574468%;
    *margin-left: 76.4893617%;
}
.row-fluid .offset8 {
    margin-left: 70.21276596%;
    *margin-left: 70.10638298%;
}
.row-fluid .offset8:first-child {
    margin-left: 68.08510638%;
    *margin-left: 67.9787234%;
}
.row-fluid .offset7 {
    margin-left: 61.70212766%;
    *margin-left: 61.59574468%;
}
.row-fluid .offset7:first-child {
    margin-left: 59.57446809%;
    *margin-left: 59.46808511%;
}
.row-fluid .offset6 {
    margin-left: 53.19148936%;
    *margin-left: 53.08510638%;
}
.row-fluid .offset6:first-child {
    margin-left: 51.06382979%;
    *margin-left: 50.95744681%;
}
.row-fluid .offset5 {
    margin-left: 44.68085106%;
    *margin-left: 44.57446809%;
}
.row-fluid .offset5:first-child {
    margin-left: 42.55319149%;
    *margin-left: 42.44680851%;
}
.row-fluid .offset4 {
    margin-left: 36.17021277%;
    *margin-left: 36.06382979%;
}
.row-fluid .offset4:first-child {
    margin-left: 34.04255319%;
    *margin-left: 33.93617021%;
}
.row-fluid .offset3 {
    margin-left: 27.65957447%;
    *margin-left: 27.55319149%;
}
.row-fluid .offset3:first-child {
    margin-left: 25.53191489%;
    *margin-left: 25.42553191%;
}
.row-fluid .offset2 {
    margin-left: 19.14893617%;
    *margin-left: 19.04255319%;
}
.row-fluid .offset2:first-child {
    margin-left: 17.0212766%;
    *margin-left: 16.91489362%;
}
.row-fluid .offset1 {
    margin-left: 10.63829787%;
    *margin-left: 10.53191489%;
}
.row-fluid .offset1:first-child {
    margin-left: 8.5106383%;
    *margin-left: 8.40425532%;
}
[class*="span"].hide,
.row-fluid [class*="span"].hide {
    display: none;
}
[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {
    float: right;
}
.container {
    margin-right: auto;
    margin-left: auto;
    *zoom: 1;
}
.container:before,
.container:after {
    display: table;
    content: "";
    line-height: 0;
}
.container:after {
    clear: both;
}
.container-fluid {
    padding-right: 20px;
    padding-left: 20px;
    *zoom: 1;
}
.container-fluid:before,
.container-fluid:after {
    display: table;
    content: "";
    line-height: 0;
}
.container-fluid:after {
    clear: both;
}
